<template>
	<div class="page">
		<div class="wos-menu wos-hand" >
			<div :class="menu === '自动维护' ? 'active' : '' " @click="menu = '自动维护'">自动维护</div>
			<div :class="menu === '配置导入/导出' ? 'active' : '' " @click="menu = '配置导入/导出'">配置导入/导出</div>
			<div :class="menu === '恢复默认' ? 'active' : '' " @click="menu = '恢复默认'">恢复默认</div>
			<div :class="menu === '系统升级' ? 'active' : '' " @click="menu = '系统升级'">系统升级</div>
		</div>

		<div v-show="menu === '自动维护'" style="margin: 40px 10px;height:620px" >
			<div style="padding: 40px">
				<div class="wos-flex mb-20">
					<div class="wos-form-title wos-font-bold">自动重启系统</div>
					<div class="mr-10">
						<select class="wos-input wos-select">
							<option value="">从不</option>
							<option value="">每天</option>
							<option value="">星期日</option>
							<option value="">星期一</option>
							<option value="">星期二</option>
							<option value="">星期三</option>
							<option value="">星期四</option>
							<option value="">星期五</option>
						</select>
					</div>
					<div>
						<select class="wos-select wos-input" disabled>
							<option value="">02:00</option>
						</select>
					</div>
				</div>

				<div class="wos-flex mb-20">
					<div class="wos-form-title wos-font-bold">自动删除旧文件</div>
					<div class="mr-10">
						<select class="wos-input wos-select">
							<option value="">从不</option>
							<option value="">自定义</option>
						</select>
					</div>
				</div>

				<div>
					<button class="wos-btn wos-btn-no">重启设备</button>
					<button class="wos-btn wos-btn-no">关闭设备</button>
				</div>
			</div>
		</div>


		<div v-show="menu === '配置导入/导出'" style="margin: 40px 10px;height:620px" >
			<div style="padding: 40px">
				<div class="wos-flex mb-20">
					<div class="wos-form-title wos-font-bold">导入配置文件</div>
					<div class="mr-10"><input type="text" class="wos-input"></div>
					<div class="mr-10"><button class="wos-btn wos-btn-no wos-btn-input">浏览</button></div>
					<div class="mr-10"><button class="wos-btn wos-btn-no wos-btn-input">配置导入</button></div>
				</div>
				<div>
					<button class="wos-btn wos-btn-no">配置导出</button>
				</div>
			</div>
		</div>

		<div v-show="menu === '恢复默认'" style="margin: 40px 40px;height:620px" >
			<div class="wos-font-bold mb-20">
				<input type="checkbox" checked>&nbsp;&nbsp;全
			</div>

			<div class="wos-flex wos-font-bold mb-20">
				<div class="wos-form-title">
					<input type="checkbox" checked>&nbsp;&nbsp;摄像头
				</div>
				<div class="wos-form-title">
					<input type="checkbox" checked>&nbsp;&nbsp;网络
				</div>
				<div class="wos-form-title">
					<input type="checkbox" checked>&nbsp;&nbsp;事件
				</div>
			</div>

			<div class="wos-flex wos-font-bold mb-20">
				<div class="wos-form-title">
					<input type="checkbox" checked>&nbsp;&nbsp;存储
				</div>
				<div class="wos-form-title">
					<input type="checkbox" checked>&nbsp;&nbsp;系统
				</div>
			</div>

			<div>
				<button class="wos-btn wos-btn-no">恢复默认</button>
				<button class="wos-btn wos-btn-no">恢复出厂设置</button>
			</div>
		</div>

		<div v-show="menu === '系统升级'" style="margin: 40px 40px;height:620px" >
			<div style="padding: 40px">
				<div class="wos-flex mb-20">
					<div class="wos-form-title wos-font-bold">导入升级文件</div>
					<div class="mr-10"><input type="text" class="wos-input"></div>
					<div class="mr-10"><button class="wos-btn wos-btn-no wos-btn-input">浏览</button></div>
					<div class="mr-10"><button class="wos-btn wos-btn-no wos-btn-input">升级</button></div>
				</div>
			</div>
		</div>

		<div class="console">
			<button class="active">确定</button>
			<button>刷新</button>
		</div>
	</div>
</template>

<script>
    export default {
        name: "hold",
	    data:function(){
            return {
                menu:"自动维护"
            }
	    }
    }
</script>

<style scoped>

</style>
